<script setup lang="ts">
import { ref, defineProps } from "vue";
interface Props {
  msg: string;
}
defineProps<Props>();

const count = ref(0);
</script>

<template>
  <h2>{{ msg }}</h2>
  <hr />
  <div class="card">
    <el-button type="primary" @click="count++">count is {{ count }}</el-button>
    <p>
      Edit
      <code>components/HelloWorld.vue</code> to test HMR
    </p>
  </div>

  <p>
    Check out
    <a href="https://element-plus.org/#/zh-CN" target="_blank">element-plus</a>,
    quick start !
  </p>
</template>

<style scoped>
h2 {
  font-weight: normal;
}
</style>
